<template>
  <h1>{{ data.result }}</h1>
</template>

<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'AsyncShow',
  async setup() {
    const data = ref(null)
    data.value = await new Promise((resolve) => {
      setTimeout(() => {
        resolve({
          result: 42,
        })
      }, 3000)
    })
    return {
      data
    }
  }
})
</script>

<style>
</style>